<!-- <div class="palm-hasheader">
    <div class="icon"></div>
    <div class="palm-header left" id="create-header"></div>
</div> -->

<div class="palm-page-header">
    <div class="palm-page-header-wrapper">
        <div class="icon create-event"></div>
        <div class="title create-event" id="create-header">
        </div>                                                                                                                                                                            
    </div>
</div>


<div class="palm-list">  

    <div class='palm-row first'>                                                      
        <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
            <div class="title">    
                <div class="label">Subject</div>
                <div id="subject" name="textField" x-mojo-element="TextField" ></div>
            </div>                                                                 
        </div>
    </div>
    <div class='palm-row'>                                                      
        <div class="palm-row-wrapper" x-mojo-focus-highlight="true">
                <div id="allDay" name="allDayCheck" x-mojo-element="CheckBox"></div>
                <div class="label">All Day</div>
        </div>
    </div>
	<div id='timeDrawer' x-mojo-element='Drawer'>
	    <div id='startTimeDiv' class='palm-row'>                                                      
	        <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
	            <div class="title">
	                <div id="startTimestamp" name="startTimestamp" x-mojo-element="TimePicker" ></div>
	            </div>
	        </div>
	    </div>
	    <div id='endTimeDiv' class='palm-row'>                                                      
	        <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
	            <div class="title">    
	                <div id="endTimestamp" name="endTimestamp" x-mojo-element="TimePicker"></div>
	            </div>                                                                 
	        </div>
	    </div>
	</div>
    <div class='palm-row'>                                                      
        <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
            <div class="title">    
                <div class="label">Location</div>
                <div id="location" name="location" x-mojo-element="TextField"></div>
            </div>                                                                 
        </div>
    </div>
    <div class='palm-row'>                                                      
        <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
            <div class="title">    
                <div class="label">Note</div>
                <div id="note" name="note" x-mojo-element="TextField"></div>
            </div>                                                                 
        </div>
    </div>
    <div class='palm-row last'>                                                      
        <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
            <div class="title">    
                <div id="alarm" name="textField" x-mojo-element="ListSelector" ></div>
            </div>                                                                 
        </div>
    </div>
</div>    

<div class="palm-button" id="add_button">Add Event</div>

<div id="response"></div>